﻿<%@ taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@ taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<html>
<head>

    <title>Feedback</title>

    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta name="author" content=""/>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" href="css/main.css"/>

    <link href="favicon.ico" rel="shortcut icon"/>
    <link href="apple-icon.png" rel="apple-touch-icon"/>

</head>

<body>
<f:view>
    <f:loadBundle basename="ResourceBundle" var="bundle"/>
    <h:form id="feedback2Form">
        <div class="android-wrap">
            <div id="wrapper">
                <div id="header">
                    <h1 class="title">Feedback</h1>
                    <ul class="app-controls">
                            <%--<li><a href="#" class="appc-back">Back</a></li>--%>
                        <li><h:commandLink action="#{appBean.feedback}" value="Back" styleClass="appc-back"/></li>
                            <%--<li><a href="#" class="appc-home">Home</a></li>--%>
                        <li><h:commandLink action="#{appBean.menu}" value="Home" styleClass="appc-home"/></li>
                    </ul>
                </div>

                <div id="content" class="expand">
                    <div class="feedback-form">
                            <%--<form action="#" method="post">--%>
                        <fieldset class="ff-controls">
                                <%--<input type="button" class="global-ui-btn gray-btn max" value="Create an entry"/>--%>
                            <h:commandButton value="Create an entry" styleClass="global-ui-btn gray-btn max"
                                             action="#{appBean.feedback}"/>
                            <input type="submit" class="global-ui-btn orange-btn min last-child" value="Answers"/>
                        </fieldset>
                        <fieldset class="f-questions">
                            <ul>
                                <h:commandLink actionListener="#{appBean.showFirstAnswer}">
                                   <li class="selected"> <h:outputText value="There is the Question1?" rendered="#{appBean.answerNumber == 0}" style="text-decoration:none;"/></li>
                                    <li> <h:outputText value="There is the Question1?" rendered="#{appBean.answerNumber != 0}" style="color:#acacac;text-decoration:none;"/></li>
                                </h:commandLink >
                                <h:commandLink actionListener="#{appBean.showSecondAnswer}">
                                     <li class="selected"> <h:outputText value="This is question number 2, isn’t it?" rendered="#{appBean.answerNumber ==1}"/></li>
                                    <li> <h:outputText value="This is question number 2, isn’t it?" rendered="#{appBean.answerNumber != 1}"  style="color:#acacac;"/></li>
                                </h:commandLink>

                                <h:commandLink actionListener="#{appBean.showThirdAnswer}">
                                     <li class="selected"> <h:outputText value="And my third question." rendered="#{appBean.answerNumber ==2}"/></li>
                                    <li> <h:outputText value="And my third question." rendered="#{appBean.answerNumber !=2}"  style="color:#acacac;"/></li>
                                </h:commandLink>

                                    <%--<li><h:commandLink value="There is the Question1?" actionListener="#{appBean.showFirstAnswer}" style="color: white"/></li>--%>
                                    <%--<li><h:commandLink value="This is question number 2, isn’t it?" actionListener="#{appBean.showSecondAnswer}" style="color: white"/></li>--%>
                                    <%--<li><h:commandLink value="And my third question." actionListener="#{appBean.showThirdAnswer}" style="color: white"/></li>--%>
                            </ul>
                        </fieldset>
                        <fieldset class="f-answer">
                                <%--<textarea placeholder="Enter your feedback here"></textarea>--%>
                            <h:inputTextarea value="#{appBean.answer}" style="color:#000000"/>
                        </fieldset>
                            <%--</form>--%>
                    </div>
                </div>

            </div>
                <%--<a href="#" class="android-control back-btn">Back</a>--%>
            <h:commandLink action="#{appBean.feedback}" value="Back" styleClass="android-control back-btn"/>
        </div>
    </h:form>
</f:view>
</body>
</html>